﻿@{
    Layout = "~/Views/Shared/MetroTileBase.cshtml";
}

<div class="PhotoAlbumTileMainWrapper" data-bind="click: function(data){window.location = '@Url.Action("PhotoAlbum", "Activity")/' + data.Id;}, attr: {title: Title}" style="cursor: pointer;">

    <h1 data-bind="text: Title"></h1>
    <h2 data-bind="text: AlbumDetailsString"></h2>

    <div class="ActivityMaterial">
        <!-- ko if: ImageUrl -->
            <img data-bind="attr: {src: ImageUrl}" border="0" />
        <!-- /ko -->
    </div>

    <div class="ExtraInfoWrapper">
        <!-- ko if: GoogleMiniMapImageCssUrl -->
        <div data-bind="style: { background: GoogleMiniMapImageCssUrl }" style="width: 100px; height: 50px;"></div>
        <!-- /ko -->
    </div>

</div>